.filajsCard {
	display: inline-block;
	position:relative;
	overflow: hidden;
}

.filajsCard_jfitz {
	border-radius: 3%/2%;
}

.filajsCard_classic {
	border-radius: 3%/2%;
}

.filajsCard_knoll {
	border-radius: 4%/3%;
}

.filajsCard_aguilar {
	border-radius: 5%/4%;
}

.filajsCard_ilias {
	border-radius: 5%/4%;
}

.filajsCard_nicubunu {
	border-radius: 12%/10%;
	background-color: #A5A5A5;
}

.filajsCard_bordered {
	border-radius: 12%/10%;
	background-color: #A5A5A5;
}

.filajsCard_ornamental {
	border-radius: 12%/10%;
	background-color: #A5A5A5;
}

.filajsCardText {
	display: none;
	font-weight: bold;
	font-family: "Comic Sans MS", cursive, sans-serif;
	line-height: 98%;
	color: #D5D5D5;
	text-shadow: 1px 1px 1px rgb(162, 161, 176), -1px -1px 0px rgb(186, 186, 187);
}

.filajsCardTextTL {
	position: absolute;
	top: 0;
	left: 0;
}

.filajsCardTextBR {
	position: absolute;
	bottom: 0;
	right: 0;
}

.filajsCardImage {
	width: 100%;
	height: 100%;
}

.filajsAsorti {
	background-color: rgba(44, 200, 176, 0.50);
}

.filajsHand {
	display: inline-block;
	position: relative;
	white-space: nowrap;
}

.filajsHandCard {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

/*
Ακολουθούν προκατασκευασμένοι οδηγοί θέσεων για τα φύλλα κυκλικών μπαζών,
δύο, τριών και τεσσάρων φύλλων. Οι θέσεις αριθμούνται εκκινώντας από το
Νότο (θέση 1) και ακολουθώντας φορά αντίθετη από τους δείκτες του ρολογιού.
*/

/*
Η κλάση "filajsCircleContainer" περιγράφει γενικά το container div κάποιας
προκατασκευασμένης ομάδας θέσεων, δηλαδή εφαρμόζεται σε όλες τις ομάδες.
*/

.filajsCircleContainer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(221, 211, 112);
	visibility: hidden;
}

/*
Η κλάση "filajsCircle" περιγράφει γενικά μια προκατασκευασμένη θέση. Υπάρχει
και χρωματισμός ο οποίος όμως δεν θα φανεί καθώς το container είναι κρυφό.
*/

.filajsCircle {
	position: absolute;
	width: 88px;
	height: 120px;
	background-color: rgba(128, 0, 107, 0.10);
}

/* 4-cards */

#filajsCircle4 {
	width: 160px;
	height: 190px;
}

#filajsCircle41 {
	bottom: 0px;
	right: 27px;
}

#filajsCircle42 {
	bottom: 45px;
	right: 0px;
}

#filajsCircle43 {
	top: 0px;
	left: 27px;
}

#filajsCircle44 {
	top: 45px;
	left: 0px;
}

/* 3-cards */

#filajsCircle3 {
	width: 140px;
	height: 170px;
}

#filajsCircle31 {
	bottom: 0px;
	left: 26px;
}

#filajsCircle32 {
	bottom: 35px;
	right: 0px;
}

#filajsCircle33 {
	top: 0px;
	left: 0px;
}

/* 2-cards */

#filajsCircle2 {
	width: 110px;
	height: 165px;
}

#filajsCircle21 {
	bottom: 0px;
	left: 0px;
}

#filajsCircle22 {
	top: 0px;
	right: 0px;
}

/* 1-card */

#filajsCircle1 {
	width: 88px;
	height: 120px;
}

#filajsCircle11 {
	top: 0px;
	left: 0px;
}

/* 2-cards ARCH */

#filajsArch2 {
	width: 140px;
	height: 134px;
}

#filajsArch21 {
	top: 7px;
	left: 10px;
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

#filajsArch22 {
	top: 7px;
	right: 10px;
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
}

/* 3-cards ARCH */

#filajsArch3 {
	width: 150px;
	height: 141px;
}

#filajsArch31 {
	top: 10px;
	left: 15px;
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

#filajsArch32 {
	top: 4px;
	left: 31px;
}

#filajsArch33 {
	top: 10px;
	right: 15px;
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}

/* 4-cards ARCH */

#filajsArch4 {
	width: 169px;
	height: 143px;
}

#filajsArch41 {
	top: 11px;
	left: 18px;
	-ms-transform: rotate(-18deg);
	-o-transform: rotate(-18deg);
	-moz-transform: rotate(-18deg);
	-webkit-transform: rotate(-18deg);
	transform: rotate(-18deg);
}

#filajsArch42 {
	top: 8px;
	left: 30px;
	-ms-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

#filajsArch43 {
	top: 8px;
	right: 30px;
	-ms-transform: rotate(6deg);
	-o-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
}

#filajsArch44 {
	top: 11px;
	right: 18px;
	-ms-transform: rotate(18deg);
	-o-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
}
